<link href="/Static/mobile/css/kc.css" rel="stylesheet">
<link rel="stylesheet" href="/Static/mobile/vant/index.css">
<script src="/Static/mobile/vant/vue.min.js"></script>
<script src="/Static/mobile/vant/vant.min.js"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__mobile/iconfont/iconfont.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_813618_4lm1s8y9h0t.css">
<style>
	#app,body {
		height:100%;
	}
	.home .navs{
		height: inherit;
	}
	.home .search-bar .search-input p{
		position:absolute;
		right:0;
	}
</style>

<div id="app" >
	<div style="padding-bottom: 50px;" class="home animated">
		<div class="search-bar">
			<div class="search-input">
				<input style="line-height: 34px;" name="title" size=30 id="title" value="<?php echo get('title');?>">
				<p id="sou">搜索</p>
			</div>
		</div>
		<div>
			<div class="banners">
				{:W('Slide/article')}
			</div>
		</div>
		<div class="navs">
			<?php foreach($typelist as $ul) { ?>
			<ul>
				<?php foreach($ul as $li) { ?>
					<li class="atype" vid="<?php echo $li['atype_id'];?>"><img src="<?php echo C('UPYUN_DOMAIN').$li['atype_icon'];?>">
						<p>
							<?php echo $li['atype_name'];?>
						</p>
					</li>
				<?php } ?>
			</ul>
			<?php } ?>
		</div>
		<div class="bundle-list-list">
			<ul>

				<?php foreach($datalist as $k=>$v){?>
				<li>
					<div class="top" aid="<?php echo $v['article_id'];?>">
						<div class="img">
							<img type="bundle" src="<?php echo C('UPYUN_DOMAIN');?><?php echo $v['thumb'];?>" alt="加载中..."
							 class="animated" style="opacity: 1;">
						</div>
						<div class="info">
							<div class="title">
								<?php echo $v['title'];?>
							</div>
							<div class="intro">
								<?php echo $v['description'];?>
							</div>
							<div class="stat">
								<div class="join-num">
									<?php echo $v['create_time'];?>
								</div>
								<div class="price">

								</div>
							</div>
						</div>
					</div>
				</li>
				<?php } ?>

			</ul>
			<div class="clear"></div>
		</div>

	</div>
</div>

<script>
	var app = new Vue({
		el: '#app',
		data: {
			value:0
		},
		watch: {
		},
		mounted: function () {
		},
		methods: {
		}
	})
</script>
<script>
		$(".atype").click(function(){
			var vid = $(this).attr("vid");
			window.location.href='/mobile/article/lists?atype_id='+vid;
		});
		
		
		$("#sou").click(function(){
			var title = $("#title").val();
			
			window.location.href='/mobile/article/lists?title='+title;
			
		});
		
		$(".top").click(function(){
			var aid = $(this).attr("aid");
			window.location.href='/mobile/article?article_id='+aid;
		});
		
		
		</script>
<include file="Common:nav" />


